// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
$font-path: "../assets/fonts";
@import "ionic.globals";
// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.
$colors: ( primary: #fd6186, secondary: #32db64, danger: #f53d3d, light: #f4f4f4, dark: #222);
// App iOS Variables
// --------------------------------------------------
// iOS only Sass variables can go here
// App Material Design Variables
// --------------------------------------------------
// Material Design only Sass variables can go here
// App Windows Variables
// --------------------------------------------------
// Windows only Sass variables can go here
// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.
@import "ionic.theme.default";
// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

@import "ionicons";
// Fonts
// --------------------------------------------------
// @import "roboto";
// @import "noto-sans";
$nav-color:white; //#f7a257
$toolbar-background:($nav-color);
$bar-height : 44px !default;
$bar-title-font-size : 17px !default;
$bar-footer-height : $bar-height !default;
$bar-subheader-height : $bar-height !default;
$bar-subfooter-height : $bar-height !default;
ion-header {
    .button {
        box-shadow: none;
    }
    .toolbar {
        padding: 0px;
    }
    .toolbar-title {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    
}
ion-app.cameraView, ion-app.cameraView ion-content, ion-app.cameraView .nav-decor {
    background: transparent none !important; 
    .tabbar.show-tabbar{
      opacity: 0;
    }
  }
  
//$searchbar-ios-background-color:#ff0;
$searchbar-input-text-color: #ff0;
$searchbar-ios-input-search-icon-color: #F0E0DC;
$searchbar-ios-input-placeholder-color:black;
 $searchbar-ios-input-clear-icon-color:#fff;
$toolbar-md-background:   color($colors, primary);
  
.swiper-pagination-bullet-active {
  color:   color($colors, primary);
}

$refresher-height	:50px;
$refresher-icon-color:($nav-color);
$refresher-text-color:	($nav-color);
$refresher-text-font-size:12px;

$toast-ios-background:color($colors, dark) ;
$toast-md-background:color($colors, dark);
$toast-wp-background:color($colors, dark);

//更多款式右边打开菜单宽度
$menu-width:200px;

@import "../pages/tabs/tab";
